<template>
  <view class="cardetail">
    <view class="content" v-for="(item,index) in detail" :key="index">
      <view>{{item.d1}}</view>
      <view>{{item.d2}}</view>
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {
      detail:[
        {d1:"车辆品系",d2:"宝马3系/E90"},
        {d1:"车型",d2:"E90(MUE)"},
        {d1:"车架号",d2:"84327658128959"},
        {d1:"生产日期",d2:"2008-09-15"},
        {d1:"车身颜色(漆色号)",d2:"雪山白3"},
        {d1:"发动机",d2:"3297684268vf"},
        {d1:"排量",d2:"2.0L"},
        {d1:"机油推荐",d2:"0W-40 全合成 SN级"},
        {d1:"机油加注量",d2:"4.25L"},
        {d1:"燃油动力",d2:"机油"},
        {d1:"变速箱",d2:"手自一体变速箱()AT"},
      ]
    };
  },
  methods: {},
};
</script>

<style lang="scss">
.cardetail{
  background-color: #F5F5F5;
  height:93vh;
  .content{
    border-top:2px solid #F9F9F9;
    padding:10px;
    background-color: #fff;
    display: flex;
    justify-content: space-between;
  }
}
</style>